<template>
  <div id="app">
    <div class="route" v-show="showItem">
      <router-link to="/Index" v-if="pageType == 0">首页</router-link>
      <router-link to="/Oversee" v-if="pageType == 0">实时监工</router-link>
      <router-link to="/Staff" v-if="pageType == 0">人员信息</router-link>
      <router-link to="/Check" v-if="pageType == 0">考勤管理</router-link>
<!--      <router-link to="/Material" v-if="pageType == 1">物料管理</router-link>-->
      <router-link to="/Video" v-if="pageType == 1">设备管理</router-link>
      <router-link to="/Monitor" v-if="pageType == 0">视频监控</router-link>
      <router-link to="/TowerCrane" v-if="pageType == 1">塔吊设备</router-link>
      <router-link to="/EnvironmentMonitor" v-if="pageType == 0">环境监测</router-link>
      <router-link to="/CarRun" v-if="pageType == 0">车辆管理</router-link>
      <router-link to="/OrganizeSystem" v-if="pageType == 0">组织管理</router-link>
      <router-link to="/Foundation" v-if="pageType == 1">基坑监控</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      pageType: 0,
      showItem: true
    }
  }
}
</script>

<style>
@import "style/reset.css";
@import "style/public.css";
@import "style/element-reset.css";

/* 公共样式 */
.container{
  position: fixed;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  height: 60px;
  line-height: 60px;
  background: #fff;
  box-shadow: 0 2px 8px rgb(241, 241, 241);
  z-index: 999;
  display: flex;
  justify-content: space-between;
}

.content_box {
  background: #fff;
  margin: 12px 20px 20px 20px;
  margin-top: 80px;
}

.content-item{
  margin-top: 60px;
  padding: 20px;
  box-sizing: border-box;
}



.button_box {
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 890;
}

/* 路由 */
.route{
  font-size: 13px;
  position: fixed;
  top: 18px;
  left: 620px;
  z-index: 1000;
}

.route a{
  text-decoration: none;
}

/* 子页面 按钮宽度 */
.dialog_footer{
	text-align: right;
	margin: 20px 10px 20px 0;
}

.but_width {
  width: 120px;
  height: 36px;
  line-height: 10px;
}
</style>
